<!DOCTYPE html>
<html lang="en">
<head>

    <title>Document</title>

    <script type="text/javascript" src="js/vue.js"></script>
    
</head>
<body>

    <div id="root">

        请输入张三成绩:
        <input type="text" v-model="num">
        <h2 v-if="num>=90">张三的成绩优秀</h2>
        <h2 v-else-if="num>=75&&num<90">张三的成绩良好</h2>
        <h2 v-else-if="num>=60&&num<75">张三的成绩及格</h2>
        <h2 v-else="num<60">张三的成绩不及格</h2>
        

    </div>

    
</body>

<script>
    vm = new Vue({
        el: '#root',
        data:{
            num:0
        }
    })


</script>


</html>